// 接口地址：http://cba.itlike.com/public/index.php?s=/api/page/detail
// 请求方式：get

// swiper初始化代码（思考：在Vue中应该在哪里初始化）



const app = new Vue({
    el: '#app',
    data: {
        // 轮播图
        list: [],
        // 新品首发
        newList: [],
        // 商品数据
        goodList: []
    },
    created() {
        this.getList()
    },
    mounted() {
        const mySwiper = new Swiper(".swiper", {
            speed: 1000,
            loop: true,
            autoplay: {
                disableOnInteraction: false,
                delay: 2000,
            },
            pagination: {
                el: ".swiper-pagination",
            },
            centeredSlides: true,
            observer: true, //修改swiper自己或子元素时，自动初始化swiper
            observeParents: true, //修改swiper的父元素时，自动初始化swiper
            observerUpdate: true,
        });
    },
    methods: {
        async getList() {

            const res = await axios.get('http://smart-shop.itheima.net/index.php?s=/api/page/detail')
            this.list = res.data.data.pageData.items[1].data

            this.newList = res.data.data.pageData.items[3].data
            this.goodList = res.data.data.pageData.items[6].data

        }
    },

})